const list = [
    {
        component: 'PercentageBar',
        label: '百分比叠条图',
        icon: 'wenben',
        style: {
            width: 310,
            height: 200,
            'z-index': '1'
        },
        propValue: [],
        option: {
            legend: {
                data: ['电费', '水费', '房租', '物业'],
                icon: "circle",
                show: false,
                itemWidth: 10,
                itemheight: 10,
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                left: 'left',
                top: '38'
            },
            color: ['#97A0EF', '#A2CA94', '#A3D1E8', '#F8B98C', '#F19A91', '#C39DE1'],
            title: [{
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '18',
                },
                left: 'left',
            }, {
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '14',
                },
                left: 'left',
                top: '20',
            }],
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    // 坐标轴指示器，坐标轴触发有效
                    type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                },
            },
            grid: {
                left: '3%',
                right: '8%',
                bottom: '3%',
                top: '20',
                containLabel: true,
            },
            yAxis: {
                type: 'category',
                data: ['一月', '二月', '三月', '四月'],
                axisTick: {   //刻度线
                    show: false,
                },
                axisLine: {   //轴线
                    show: true,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: {    //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            xAxis: {
                type: 'value',
                axisTick: {   //刻度线
                    show: false,
                },
                axisLine: {   //轴线
                    show: false,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: {    //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            series: [
                {
                    name: '电费',
                    type: 'bar',
                    stack: 'total',
                    barWidth: 8,
                    itemStyle: {
                        borderRadius: 5,
                    },
                    data: [70, 52, 68, 55],
                    emphasis: {
                        focus: 'series'
                    },
                },
                {
                    name: '水费',
                    type: 'bar',
                    stack: 'total',
                    barWidth: 8,
                    itemStyle: {
                        borderRadius: 5,
                    },
                    data: [40, 27, 68, 55],
                    emphasis: {
                        focus: 'series'
                    },
                },
                {
                    name: '房租',
                    type: 'bar',
                    stack: 'total',
                    barWidth: 8,
                    itemStyle: {
                        borderRadius: 5,
                    },
                    data: [70, 52, 42, 33],
                    emphasis: {
                        focus: 'series'
                    },
                },
                {
                    name: '物业',
                    type: 'bar',
                    stack: 'total',
                    barWidth: 8,
                    itemStyle: {
                        borderRadius: 5,
                    },
                    data: [70, 119, 72, 107],
                    emphasis: {
                        focus: 'series'
                    },
                },
            ],
        },
    },
    {
        component: 'PercentageBar',
        label: '百分比叠条图',
        icon: 'wenben',
        style: {
            width: 310,
            height: 200,
            'z-index': '1'
        },
        propValue: [],
        option: {
            legend: {
                data: ['电费', '水费', '房租', '物业'],
                icon: "circle",
                show: true,
                itemWidth: 10,
                itemheight: 10,
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                left: 'left',
                top: '20'
            },
            color: ['#A1E3FD', '#91D0F8', '#81BCF2', '#70A7EB', '#6093E6', '#4F7FDF'],
            title: [{
                text: '每月支出',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '18',
                },
                left: 'left',
            }, {
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '14',
                },
                left: 'left',
                top: '20',
            }],
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    // 坐标轴指示器，坐标轴触发有效
                    type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                },
            },
            grid: {
                left: '3%',
                right: '8%',
                bottom: '3%',
                top: '50',
                containLabel: true,
            },
            yAxis: {
                type: 'category',
                data: ['一月', '二月', '三月', '四月'],
                axisTick: {   //刻度线
                    show: false,
                },
                axisLine: {   //轴线
                    show: true,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: {    //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            xAxis: {
                type: 'value',
                axisTick: {   //刻度线
                    show: false,
                },
                axisLine: {   //轴线
                    show: false,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: {    //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            series: [
                {
                    name: '电费',
                    type: 'bar',
                    stack: 'total',
                    barWidth: 8,
                    itemStyle: {
                        borderRadius: 5,
                    },
                    data: [20, 52, 68, 55],
                    emphasis: {
                        focus: 'series'
                    },
                },
                {
                    name: '水费',
                    type: 'bar',
                    stack: 'total',
                    barWidth: 8,
                    itemStyle: {
                        borderRadius: 5,
                    },
                    data: [50, 27, 68, 55],
                    emphasis: {
                        focus: 'series'
                    },
                },
                {
                    name: '房租',
                    type: 'bar',
                    stack: 'total',
                    barWidth: 8,
                    itemStyle: {
                        borderRadius: 5,
                    },
                    data: [80, 52, 42, 33],
                    emphasis: {
                        focus: 'series'
                    },
                },
                {
                    name: '物业',
                    type: 'bar',
                    stack: 'total',
                    barWidth: 8,
                    itemStyle: {
                        borderRadius: 5,
                    },
                    data: [80, 119, 72, 107],
                    emphasis: {
                        focus: 'series'
                    },
                },
            ],
        },
    },
]


export default list